@charset "utf-8";
/*banner*/
.banner{width:100%;position:relative;height:600px;background:#fff;}
.banner .bd{ margin:0 auto; position:relative;z-index:0;overflow:hidden;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ width:100% !important;height:600px;overflow:hidden;text-align:center;}
.banner .bd li a{ display:block;height:600px;}
.banner .hd{ width:100%;  position:absolute;z-index:1;bottom:0;left:0;height:40px;line-height:40px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{ cursor:pointer; display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 10px 0 0;
    overflow:hidden;line-height:999px;border-radius: 50%;background: #fff;}
.banner .hd ul .on{ background:#1ba2e0;filter:alpha(opacity=100);opacity:1;}

/*newscroll*/
.newscroll{width: 100%;height: auto;overflow: hidden;box-shadow: 0px 3px 3px #e9e9e9}
.newscroll-con{height: 20px;line-height: 20px;overflow: hidden;padding: 20px 0;}
.newscroll-con .icon{padding:2px 5px;background: #cc3333;font-size: 20px;float: left;color: #fff;border-radius: 4px;margin-right: 10px;position: relative;top:-3px}
.newscroll-con .infoList{width: 1080px;height: auto;overflow: hidden;}
.newscroll-con .infoList li{width: 320px;float: left;margin-right: 35px;font-size: 13px}
.newscroll-con .infoList li a{color: #666;height: 20px;max-width: 240px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; display: block;float: left;}
.newscroll-con .infoList li span{color: #999;margin-left: 15px;}
.newscroll-con .infoList li a:hover{color: #2ba6df;}

/*activity*/
.activity{width: 100%;height: auto;overflow: hidden;background: #f6f6f6;padding: 40px 0;}
.activity .icon-list{height: 110px;}
.activity .icon-list li{width: 100px;height: 100px;border: 1px solid #2ba6df;color: #2ba6df;border-radius: 50%;text-align: center;float: left;cursor: pointer;position: relative;}
.activity .icon-list li i{font-size: 36px;padding-top: 22px;display: block;position: relative;z-index: 1;color:#2ba6df}
.activity .icon-list li h2{font-size: 15px;font-weight: bold;position: relative;z-index: 1;color:#2ba6df}
.activity .icon-list span{width: 104px;height: 8px;background: url(../images/icon-li-line.png) center no-repeat;display: block;float: left;margin-top: 46px;}
.activity .icon-list li:hover i,.activity .icon-list li:hover h2{color: #fff;}
.activity .icon-list li:after{pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;top: 0;left: 0;z-index: 0;background: #2ba6df;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}
.activity .icon-list li:after{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;}
.activity .icon-list li:hover:after{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.activity .yugao{height: auto;overflow: hidden;text-align: center;padding-top: 30px;}
.activity .yugao h1{font-size: 28px;margin-bottom: 7px;}
.activity .yugao h3{font-size: 13px;color: #999;}
.activity .yugao ul{height: auto;overflow: hidden;margin-top: 20px;}
.activity .yugao ul li{width: 375px;/*height: 188px;*/height:auto;overflow: hidden;float: left;margin-left: 7px;}
.activity .yugao ul li:first-child{margin-left: 0;}
.activity .yugao ul li img{width: 375px;/*height: 188px;*/height:auto;display: block;transition: all .3s linear;}
.activity .yugao ul li:hover img{opacity: .8;filter:alpha(opacity=80)}

/*hot*/
.hot{width: 100%;height: 555px;overflow: hidden;background: url(../images/hot-bg.jpg) center no-repeat;background-size: cover;text-align: center;padding: 50px 0;position: relative;z-index: 0;}
.hot .cloud{width: 100%;height: 655px;background: url(../images/cloud.png) left repeat;position: absolute;left: 0;top:0;z-index: 1;
animation:mymove 7s linear infinite alternate;-webkit-animation:mymove 7s linear infinite alternate}
.hot-con{position: relative;z-index: 2;}
.hot h1{font-size: 28px;margin-bottom: 7px;color: #fff;}
.hot h3{font-size: 13px;color: #fff;}
.hot ul{width: 1140px;height: auto;overflow: hidden;margin: 30px auto 0;}
.hot ul li{width: 280px;height: 260px;float: left;margin-right: 6px;margin-bottom: 6px;overflow: hidden;position: relative;z-index: 0;}
.hot ul li .img-box{width: 280px;height: 260px;overflow: hidden;}
.hot ul li .img-box img{width: 280px;height: 260px;display: block;transition: all .3s linear;}
.hot ul li h2{width: 100%;height: 90px;line-height: 125px;text-align: left;text-indent: 20px;font-size: 16px;color: #fff;position: absolute;left: 0;bottom: 0;transition: all .3s linear;background: url(../images/cover-bg1.png) repeat;}
.hot ul li.large{width: 376px;height: 200px;margin-right: 5px;}
.hot ul li.large .img-box{width: 376px;height: 200px;}
.hot ul li.large img{width: 376px;height: 200px;}
.hot ul li:hover img{transform: scale(1.05);}
.hot ul li:hover h2{text-indent: 25px;}

/*strategy*/
.strategy{width: 100%;height: auto;overflow: hidden;padding: 40px 0;}
.strategy h1{font-size: 28px;margin-bottom: 7px;color: #333;text-align: center;}
.strategy h3{font-size: 13px;color: #999;text-align: center;}
.strategy ul{width: 1140px;height: auto;overflow: hidden;margin: 30px auto 0;}
.strategy ul li{width: 364px;height: 138px;border: 1px solid #e5e5e5;overflow: hidden;float: left;margin-right: 21px;margin-bottom: 15px;}
.strategy ul li .img-box{width: 140px;height: 140px;overflow: hidden;float: left;position: relative;z-index: 0;}
.strategy ul li .img-box .tip{width: 52px;height: 52px;position: absolute;left: 0;top:0;z-index: 1;}
.strategy ul li .img-box .tip1{background: url(../images/tip1.png) center no-repeat;}
.strategy ul li .img-box .tip2{background: url(../images/tip2.png) center no-repeat;}
.strategy ul li .img-box .tip3{background: url(../images/tip3.png) center no-repeat;}
.strategy ul li .img-box img{width: 100%;height: 100%;object-fit:cover;display: block;transition: all .3s linear;}
.strategy ul li .text-box{height: 93px;overflow:hidden;padding: 20px;}
.strategy ul li .text-box h2{font-size: 16px;color: #333;margin-bottom: 8px;transition: all .3s linear;}
.strategy ul li .text-box p{font-size: 13px;color: #999;line-height: 20px;max-height: 40px;overflow: hidden;}
.strategy ul li .text-box .date{margin-top: 10px;}
.strategy ul li:hover h2{color: #2ba6df;transform: translateX(5px);}
.strategy ul li:hover img{transform: scale(1.05);}

/*news*/
.news{width: 100%;height: 428px;background: url(../images/news-bg.jpg) center no-repeat;background-size: cover;padding: 40px 0;}
.news > .w1140 > div{width: 366px;height: auto;overflow: hidden;margin-right: 21px;float: left;}
.news > .w1140 > div h2{font-size: 24px;margin-bottom: 25px;}
.news > .w1140 > div h2 span{font-size: 18px;color: #ccc;margin-left: 5px;font-family: "swiss";}
.news .information .headline{width: 366px;height: 206px;overflow: hidden;position: relative;z-index: 0;}
.news .information .headline img{width: 366px;height: 244px;display: block;transition: all .3s linear;}
.news .information .headline p{width:336px;height: 38px;line-height: 38px;padding: 0 15px;font-size: 15px;overflow: hidden;position: absolute;left: 0;bottom: 0;color: #fff;background: url(../images/cover-bg.png) repeat;text-overflow:ellipsis;white-space:nowrap}
.news .information .headline:hover img{transform: scale(1.05);}
.news .information ul{height: auto;overflow: hidden;margin-top: 13px;}
.news .information ul li{height: 26px;line-height: 26px;max-height: 26px;overflow: hidden;}
.news .information ul li span{float: right;color: #999;}
.news .information ul li a{color: #666;}
.news .information ul li a:hover{color: #2ba6df;}

.news .qa ul{height: auto;overflow: hidden;}
.news .qa ul li{height: auto;overflow: hidden;border-bottom: 1px dashed #dbdbdb;margin-bottom: 13px;}
.news .qa h3{height: 22px;max-height: 22px;font-size: 16px;color: #333;margin-bottom: 8px;padding-left: 30px;position: relative;z-index: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition: all .3s linear;}
.news .qa h3 i{width: 22px;height: 22px;background: url(../images/qa_icon.png) 0 0 no-repeat;display: block;position: absolute;left: 0;top:0}
.news .qa p{font-size: 13px;color: #999;line-height: 20px;max-height: 40px;overflow: hidden;padding-left: 30px;position: relative;z-index: 0;}
.news .qa p i{width: 18px;height: 18px;background: url(../images/qa_icon.png) -2px -22px no-repeat;display: block;position: absolute;left: 2px;top:0}
.news .qa .date{font-size: 13px;color: #666;padding-left: 30px;margin: 7px 0 13px;}
.news .qa ul li a:hover h3{color: #2ba6df;}

.news .share ul{height: auto;overflow: hidden;}
.news .share ul li{height: auto;overflow: hidden;margin-bottom: 20px;}
.news .share ul li .img-box{width: 150px;height: 100px;overflow: hidden;float: left;margin-right: 10px;}
.news .share ul li .img-box img{width: 150px;height: 100px;display: block;transition: all .3s linear;}
.news .share ul li .text-box{height: auto;overflow: hidden;}
.news .share ul li .text-box h3{font-size: 16px;color: #333;margin-bottom: 10px;transition: all .3s linear;}
.news .share ul li .text-box p{font-size: 13px;color: #999;line-height: 20px;max-height: 40px;overflow: hidden;}
.news .share ul li .text-box .date{font-size: 13px;color: #666;text-align: right;margin-right: 15px;margin-top: 7px;}
.news .share ul li a:hover h3{color: #2ba6df;transform: translateX(5px);}
.news .share ul li a:hover img{transform: scale(1.05);}



/*5A导航*/
.nav-menu{background-color: #4e9cea;width:920px;height:100px;overflow:hidden;position: absolute;right:28%;top:200px;font-size: 40px;text-align: center;line-height: 100px;z-index:666;color:#f2f2f2;}

@keyframes mymove{from {transform: translateX(0);}to {transform: translateX(100px);}}
@-webkit-keyframes mymove{from {transform: translateX(0);}to {transform: translateX(100px);}}